<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>

    <jsp:include page="../common/common.jsp"/>
    <script type="text/javascript" src="/static/js/system/input.js"></script>
    <%--<script type="text/javascript" src="/static/js/system/input2.js"></script>--%>

    <style>
        .client_div {
            top: 20px;
            width: 100%;
            margin-left: 20px;
            height: 500px;
        }

        .insurance_table {
            width: 100%;
            height: 800px;
            border: 0px solid;
        }
    </style>

    <script>
        $(function () {
            $(".textbox-prompt").css("width", "230px");
        })
    </script>

</head>
<body>

<form id="insurance_form" method="post">
    <div class="client_div">
        <table class="insurance_table" align="center" style="margin-top:20px">
            <tr>
                <td colspan="3">
                    <h4>投保人</h4>
                </td>
            </tr>
            <tr>
                <input type="hidden" name="client.id">
                <td><input class="easyui-textbox"
                           data-options="label:'姓名',labelWidth:'70px',labelAlign:'center',width:200"
                           name="client.name"/></td>
                <td>
                    <select class="easyui-combobox"
                            data-options="label:'性别',labelWidth:'70px',labelAlign:'center',panelHeight:'auto',width:200"
                            name="client.sex">
                        <option value= -1>请选择</option>
                        <option value= 1>男</option>
                        <option value= 0>女</option>
                    </select>

                    <%--<input class="easyui-combobox" data-options="label:'性别',labelWidth:'70px',labelAlign:'center'"
                           name="client.sex"/>--%>
                </td>
                <td><input class="easyui-textbox"
                           data-options="label:'联系方式',labelWidth:'70px',labelAlign:'center',width:200"
                           name="client.tel"/></td>
            </tr>
            <tr>
                <td><input class="easyui-textbox"
                           data-options="label:'身份证',labelWidth:'70px',labelAlign:'center',width:200"
                           name="client.id_card"/></td>
                <td><input class="easyui-textbox"
                           data-options="label:'通讯地址',labelWidth:'70px',labelAlign:'center',width:200"
                           name="client.address"/></td>
            </tr>
            <tr>
                <td><a href="#" class="easyui-linkbutton" iconCls="icon-save" data-cmd="clientfind">会员客户</a></td>
            </tr>
            <tr>
                <td colspan="3">
                    <h4>车辆信息</h4>
                </td>
            </tr>
            <tr>
                <input type="hidden" name="carInformation.id">
                <td><input class="easyui-textbox"
                           data-options="label:'车主姓名',labelWidth:'70px',labelAlign:'center',width:200"
                           name="carInformation.name"/></td>
                <td><input class="easyui-combobox" id="carType"
                           data-options="label:'品牌',labelWidth:'70px',labelAlign:'center',width:200"
                           name="carInformation.brand"/></td>
                <td><input class="easyui-textbox"
                           data-options="label:'型号',labelWidth:'70px',labelAlign:'center',width:200"
                           name="carInformation.type"/></td>
            </tr>
            <tr>
                <td><input class="easyui-textbox"
                           data-options="label:'车牌号码',labelWidth:'70px',labelAlign:'center',width:200"
                           name="carInformation.carNumber"/></td>
                <td><input class="easyui-textbox"
                           data-options="label:'排气量',labelWidth:'70px',labelAlign:'center',width:200"
                           name="carInformation.airVolume"/>L
                </td>
                <td>
                    <select class="easyui-combobox"
                            data-options="label:'汽车分类',labelWidth:'70px',labelAlign:'center',panelHeight:'auto',width:200"
                            name="carInformation.state">
                        <option value=-1>请选择</option>
                        <option value=1>载物</option>
                        <option value=0>载客</option>
                    </select>

                    <%--  <input class="easyui-combobox" id="carType"
                             data-options="label:'汽车分类',labelWidth:'70px',labelAlign:'center',width:200"
                             name="carInformation.state"/>--%>
                </td>
            </tr>
            <tr>
                <td><input class="easyui-datebox"
                           data-options="label:'购置日期',labelWidth:'70px',labelAlign:'center',width:200"
                           name="carInformation.inputTime"/></td>
                <td><input class="easyui-textbox"
                           data-options="label:'市场估价',labelWidth:'70px',labelAlign:'center',width:200"
                           name="carInformation.evaluation"/>万
                </td>
                <td><input class="easyui-textbox"
                           data-options="label:'车载大小',labelWidth:'70px',labelAlign:'center',width:200"
                           name="carInformation.carType"/></td>
            </tr>
            <tr>
                <td><a href="#" class="easyui-linkbutton" iconCls="icon-save" data-cmd="carfind">在案车辆查询</a></td>
            </tr>
            <hr>
            <tr>
                <td colspan="3">
                    <h4>保险产品</h4>

                </td>
            </tr>
            <tr>
                <td><input class="easyui-combobox" id="mech_combobox"
                           data-options="label:'承保机构',labelWidth:'70px',labelAlign:'center',width:200"
                           name="productItem.id"/>
                </td>
                <td colspan="2">
                    <a class="easyui-linkbutton" href="#" iconCls="icon-add" data-cmd="addProduct">添加产品</a>
                    <input class="easyui-textbox" id="term"
                           name="term"/>年
                </td>
            </tr>
            <tr>
                <%----%>
                <td colspan="3">
                    <div style="height: 150px">
                        <table id="product_table"></table>
                    </div>

                </td>
            </tr>
            <tr align="center">
                <td>
                    总计:<font color="red" name="amount" id="totalMoney" style="font-size: 50px">0</font>元
                </td>
                <td colspan="2">
                    <a data-cmd="save" class="easyui-linkbutton button-orange fa-5x"
                       data-options="size:'large',width:200"><font style="font-size: 20px">提交</font></a>
                </td>
            </tr>
        </table>
    </div>

</form>

<%----%>
<div id="carp_dialog">
    <table id="carp_datagrid"></table>
</div>

<div id="carp_buttons">
    <a class="easyui-linkbutton" iconCls="icon-save" plain="true" data-cmd="carp_add">添加</a> <a
        class="easyui-linkbutton" iconCls="icon-cancel" plain="true" data-cmd="carp_cancel">取消</a>
</div>

<div id="client_dialog" align="center">
    <table id="client_list">
    </table>
</div>

<div id="car_dialog" align="center">
    <table id="car_list">

    </table>
</div>

<div id="carButtons">
    <a href="#" class="easyui-linkbutton" iconCls="icon-save" data-cmd="carcommit">确认</a>
</div>
<div id="clientButtons">
    <a href="#" class="easyui-linkbutton" iconCls="icon-save" data-cmd="clientcommit">确认</a>
</div>

<div id="product_table_button">
    <a href="#" class="easyui-linkbutton" iconCls="icon-cut" onclick="remove()">删除</a>
</div>

</body>
</html>
